<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            margin: 0;
        }

        canvas {
            display: block;
        }
        .container{
            position: relative;
        }
        .obj-select{
            margin: 20px;
            position: absolute;
        }
    </style>
</head>

<body>
    <script async src="https://unpkg.com/es-module-shims@1.6.3/dist/es-module-shims.js"></script>
    <script type="importmap">
        {
    "imports": {
      "three": "https://unpkg.com/three@0.152.2/build/three.module.js",
      "three/addons/": "https://unpkg.com/three@0.152.2/examples/jsm/"
    }
  }
</script>
    <div id="container">
        <select class="obj-select" id="selectBox">
            <option value="">请选择位置</option>
            <option value="0" >方形摄像头1</option>
            <option value="1" >方形摄像头2</option>
            <option value="2" >方形摄像头3</option>
            <option value="3" >方形摄像头4</option>
            <option value="4" >方形摄像头5</option>
            <option value="5" >方形摄像头6</option>
            <option value="6" >方形摄像头7</option>
            <option value="7" >方形摄像头8</option>
            <option value="8" >圆形摄像头1</option>
            <option value="9" >圆形摄像头2</option>
            <option value="10" >灭蚊灯1</option>
            <option value="11" >灭蚊灯2</option>
            <option value="12" >灭蚊灯3</option>
            <option value="13" >灭蚊灯4</option>
            <option value="14" >灭蚊灯5</option>
            <option value="15" >灭蚊灯6</option>
            <option value="16" >灭蚊灯7</option>
            <option value="17" >灭蚊灯8</option>
            <option value="18" >传感器1</option>
            <option value="19" >传感器2</option>
            <option value="20" >传感器3</option>
            <option value="21" >传感器4</option>
        </select>

    </div>
    <script type="module" src="./src/main.js"></script>


  
</body>

</html>